<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #dv {
            background-color: cyan;
            width: 250px;
            height: 260px;
        }
        
        .cls {
            background-color: red;
        }
        
        .cls2 {
            background-color: cornflowerblue;
            border: 10px solid greenyellow;
        }
    </style>
</head>
<script src="./jquery-1.12.2.js"></script>
<script>
    $(function() {
        $('#btn').click(function() {
            $('#dv').addClass('cls cls2') //addClass（类名称1,类名称2.....）
        })

        $('#btn2').click(function() {
            // $('#dv').removeClass('cls2') //removeClass(类名称1,类名称2.....)

            // 当不添加参数时, 就移除所有的样式

            r = $('#dv').hasClass('cls2')
            console.log(r)
            $('#dv').removeClass()
        })
    })
</script>

<body>
    <input type="button" value="添加类样式" id="btn">
    <input type="button" value="判断是否用了类样式" id="btn2">
    <div id="dv"></div>
</body>

</html>